<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<title><s:property value="getText('title.laylaimatkhau')"/></title>

<link href="<s:url value="/view/common_view/css/style.css"/>" rel="stylesheet" type="text/css" />
<link href="<s:url value="/view/common_view/css/bootstrap.css"/>" rel="stylesheet" type="text/css" />
<link href="<s:url value="view/common_view/css/bootstrap.min.css"/>" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<script>
 $(function() {
   $( document ).tooltip({
     position: {
       my: "center bottom-12",
       at: "center top",
       using: function( position, feedback ) {
         $( this ).css( position );
         $( "<div>" )
           .addClass( "arrow" )
           .addClass( feedback.vertical )
           .addClass( feedback.horizontal )
           .appendTo( this );
       }
     }
   });
 });
</script>	
</head>

<body>
<center>
		<div id="loginbanner"></div>
</center>
<div class="combobox">
	<div id="language">
			<form action="" id="languageForm">
				<script type="text/javascript">
					var urlTemp = document.URL;
					var urlLang = urlTemp;
					var position1 = urlTemp.indexOf("?request_locale");
					var position2 = urlTemp.indexOf("&request_locale");

					if(position1 == -1 && position2 == -1) {
						position1 = urlTemp.indexOf("?");
						if(position1 == -1){
							urlLang = urlTemp+"?request_locale";
						}
						else{
							urlLang = urlTemp+"&request_locale";
						}
					}
					else {
						if(position1 > -1){
							urlLang = urlTemp.substr(0,position1)+"?request_locale";
						}
						if(position2 > -1){
							urlLang = urlTemp.substr(0,position2)+"&request_locale";
						}
					}
					document.write('<a href="'+urlLang+'=vi" title="Nhấn để chọn ngôn ngữ tiếng Việt">');			
					document.write('<div class="dd-vietnamese"></div>');
					document.write('</a>');
					
					document.write('<a href="'+urlLang+'=en" title="Nhấn để chọn ngôn ngữ tiếng Anh">');
					document.write('<div class="dd-english"></div>');
					document.write('</a>');
				</script>
			</form>
		</div>
		</div>
		<div id="RetrievePass">
			<s:form id="frmretrieve_pass" method="post" action="retrievepassword">
				<fieldset>
					<legend>
					<div id="panelHeader">
						<s:property value="getText('legend.laylaimatkhau')"/>
					</div>
					</legend>
					<div id="thongbao1" class="thongbao">
						<div style="color: red" id="message">
							<s:iterator value="arrErrorMessage" status="stt">
								<s:property value="arrErrorMessage.get(#stt.index)" />
								<br />
							</s:iterator>
						</div>
						<div style="color: blue" id="succesmessage">
							<s:property value="successmessage"/>
						</div>
						<hr>
					</div>
					<div id="logincontent">
						<!--==================================================================== LABEL-->
						<div id="label" class="retrieve-text">
							<div>
								<label class="email" for="email">Email :</label>
							</div>
							<div>
								<label class="tentaikhoan" for="tentaikhoan"><s:property value="getText('label.tentaikhoan')"/> :</label>
							</div>
						</div>
						<!--==================================================================== TEXTBOX-->
						<div id="textbox" class="retrieve-text">
							<div>
								<s:textfield id="email" class="email" type="text" name ="email"
									size="50" title="Nhập email với độ dài tối đa 50 kí tự" />
							</div>
							<div>
								<s:textfield id="tentaikhoan" class="tentaikhoan" type="text"
									name="userID" size="50" title="Nhập tên tài khoản chỉ bao gồm các kí tự a-zA-Z0-9. Độ dài từ 6- 25 kí tự"/>
							</div>
						</div>
					</div>	
					<!--==================================================================== BUTTON-->
						<div id="retrieve_button" class="retrieve_button">
							<div>
							<%-- 	<s:submit id="Huy" class="retrieve_button" type="reset" value="Hủy" /> --%>
								<a class="btn btn-warning" href="home.html"  title="Nhấn để quay về trang chủ"><s:property value="getText('button.huy')"/></a>
							</div>
							<div>
								<%-- <s:submit id="Dangky" class="retrieve_button" type="submit" value="Đồng ý" /> --%>
								<button class="btn btn-success" type="submit" title="Nhấn để nhận mật khẩu tạm thời thông qua email"><s:property value="getText('button.dongy')"/></button>
							</div>
						</div>
				</fieldset>
			</s:form>
		</div>
	<center>
		<!-- FOOTER -->
		<div id="loginfooter">
			<div id="footerinfoextra">
					<label><strong><s:property value="getText('label.congty')"/></strong></label><br/>
					<label><s:property value="getText('label.diachicty')"/></label><br/>
					<label><s:property value="getText('label.vanphong')"/></label><br/>
					<label>Hotline : 08 12 345 678 – 098 123 4567</label><br/>
					<label>Email: cungdeal@gmail.com</label><br/>
			</div>
		</div>
		<div id="messagefooter">
			Copyright by SOL Team. All Rights Reserved.
		</div>
		<!-- FOOTER -->
	</center>
</body>
</html>



